<?php use_helper( "i18n" )?>
<div id="header" class="home">
<div id="nav">
<!-- main menu -->
<?php include_component('home', 'mainMenu') ?>
<!-- main menu -->
</div>
<div id="nav-line"></div>
<div id="box-sub-header">
<?php include_component( 'home', 'weatherBox', array( "provinceId" => $sf_params->get( "provinceId" ) ) ) ?>
<div id="box-banner">
<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-1.jpg")?>" width="202" height="52"><div class="txt-banner-red"><img src="<?php echo image_path('/images/ico-banner-red.png')?>" width="16" height="16">ประกาศเตือนภัย !</div></a></div>
<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-2.jpg")?>" width="202" height="52"><div class="txt-banner-gray"><img src="<?php echo image_path('/images/ico-banner-gray.png')?>" width="16" height="16">เส้นทางเดินพายุ</div></a></div>
<div class="banner"><a href="#"><img src="<?php echo image_path("/images/banner-3.jpg")?>" width="202" height="52"><div class="txt-banner-gray"><img src="<?php echo image_path('/images/ico-banner-gray.png')?>" width="16" height="16">รายงานแผ่นดินไหว</div></a></div>
</div>
</div>
</div>
<!-- header -->
<!-- quick link -->
<?php include_component('home', 'quickLink') ?>
<!-- quick link -->
<!-- container -->
<div id="container">
<div id="box-main-weather">
<div id="box-main-weather-left">
<ul>
<li id="nav-w1" class="active"><a href="javascript:void(0);" class="weather-link" id="w1" forecaseapi="dailyForecast">พยากรณ์อากาศประจำวัน</a></li>
<li id="nav-w2"><a href="javascript:void(0);" class="weather-link" id="w2" forecaseapi="sevenDaysForecast">พยากรณ์อากาศ 7 วัน</a></li>
<li id="nav-w3"><a href="javascript:void(0);" class="weather-link" id="w3" forecaseapi="threeMonthForecast">พยากรณ์อากาศ 3 เดือน</a></li>
<li id="nav-w4"><a href="javascript:void(0);" class="weather-link" id="w4" forecaseapi="dailyForecast">สรุปลักษณะอากาศรายสัปดาห์</a></li>
<li id="nav-w5"><a href="javascript:void(0);" class="weather-link" id="w5" forecaseapi="dailyForecast">สรุปลักษณะอากาศรายเดือน</a></li>
</ul>
</div>
<div id="box-main-weather-right">
<div class="delayload">
<?php include_component('home', 'homeWeatherBox') ?>
</div>
</div>
</div>
<div class="clear"></div>
<div id="box-content">
<!-- Box News & Activity-->
	<div id="box-news-activity">
		<div id="h-box-news"><?php echo __("Meteorology activities")#ข่าวสาร - กิจกรรม?></div>
		<div id="scroll1" class="scroller-con">
			<div class="inner">
				<ul class="b-news">
					<?php if( isset( $meteorologyActivitiesNews ) && count( $meteorologyActivitiesNews ) > 0 ):?>
						<?php foreach( $meteorologyActivitiesNews as $news ):?>
							<li>
								<div class="b-txt">
									<?php echo TMDService::renderI18n( $news, "getStitle", $sf_user->getCulture() )?>
								</div>
								<div class="clear"></div>
								<div class="b-date">20 /12 / 2555</div>
								<div class="b-read"><a href="#">Read</a></div>
							</li>
						<?php endforeach;?>
					<?php endif;?>
				</ul>
			</div>
		</div>
	</div>
<!-- Box News & Activity-->
<!-- Box Career-->
<div id="box-career">
	<div class="delayload">
		<div class="h-line-box"></div>
		<div id="tabbed-career">
		  <ul>
		    <li id="tc1"><a><?php echo __("Recruiting")#ข่าวรับสมัคร?></a></li>
			<li id="tc2"><a><?php echo __("Biddings")#จัดซื้อจัดจ้าง?></a></li>
		  </ul>
		  <div>
			<div>
			   	<ul class="b-career">
			   		<?php if( isset( $recruitingNews ) && count( $recruitingNews ) > 0 ):?>
			   			<?php foreach ( $recruitingNews as $news ):?>
							<li>
						        <div class="bc-left">
							        <div class="bc-txt"><?php echo TMDService::renderI18n( $news, "getStitle", $sf_user->getCulture() )?></div>
						        	<div class="bc-date">20 /12 / 2555</div>
						        </div>
						        <div class="bc-dl"><img src="<?php echo image_path('/images/ico-download.png')?>" width="44" height="50"></div>
					        </li>
				        <?php endforeach;?>
			        <?php endif;?>
			    </ul>
		    <div class="clear"></div>
			</div>
		    <div>
			    <ul class="b-career">
			    	<?php if( isset( $biddingsNews ) && count( $biddingsNews ) > 0 ):?>
			    		<?php foreach ( $biddingsNews as $news ):?>
							<li>
						        <div class="bc-left">
							        <div class="bc-txt"><?php echo TMDService::renderI18n( $news, "getStitle", $sf_user->getCulture() )?></div>
							        <div class="bc-date">20 /12 / 2555</div>
						        </div>
						        <div class="bc-dl"><img src="<?php echo image_path('/images/ico-download.png')?>" width="44" height="50"></div>
					        </li>
				        <?php endforeach;?>
			        <?php endif;?>
			    </ul>
			    <div class="clear"></div>
			</div>
		  </div>
		</div>
	</div>
</div>
<!-- Box Career-->
<!-- Box Sub Weather -->
<div id="box-sub-weather">
	<div class="delayload">
		<div class="h-line-box"></div>
		<div id="tabbed-sub-weather">
		  <ul>
		    <li><a><?php echo __("Weather & Climate")#สภาวะลมฟ้าอากาศทั่วโลก?></a></li>
			<li><a><?php echo __("Warning news")#แผนที่เฝ้าระวังภัย?></a></li>
		  </ul>
		  <div>
			<div>
		   	<ul class="b-sub-weather">
		   		<?php if( isset( $weatherAndClimateNews )  && count( $weatherAndClimateNews ) > 0 ):?>
			   		<?php foreach( $weatherAndClimateNews as $news ):?>
						<li>
				        	<div class="bsw-txt"><?php echo TMDService::renderI18n( $news, "getStitle", $sf_user->getCulture() )?></div>
				        </li>
			        <?php endforeach;?>
		        <?php endif;?>
		    </ul>
		    <div class="clear"></div>
			</div>
		    <div>
		    <ul class="b-sub-weather">
		    	<?php if( isset( $weatherTrackingNews ) && count( $weatherTrackingNews ) > 0 ):?>
		    		<?php foreach( $weatherTrackingNews as $news ):?>
						<li>
				        	<div class="bsw-txt"><?php echo TMDService::renderI18n( $news, "getStitle", $sf_user->getCulture() )?></div>
				        </li>
			        <?php endforeach;?>
		        <?php endif;?>
		    </ul>
		    <div class="clear"></div>
			</div>
		  </div>
		</div>
	</div>
</div>
<!-- Box Sub Weather -->
</div>
</div>
<!-- container -->
